/* px 转化为rem */
@function rem($px){
	@return $px/108px * 1rem;
	//@return $px/64 rem;
}
*{
	margin:0;
	padding:0;
}
/* 最外层容器 */
.container{
	width:100%;
	height:auto;
	background:#f2f2f2;
	/* 头部 */
	.header{
		width:100%;
		height:rem(120px);
		background:#FFF;
		margin-bottom: rem(30px);
		ul{
			display:flex;
			align-content: flex-start;
			li{
				width:20%;
				height:rem(120px);
				color:#525252;
				font-size: rem(40px);
				text-align: center;
				line-height: rem(120px);
				span{
					display:inline-block;
					padding:0 rem(10px);
					height:rem(117px);
				}
				.artive{
					color:#ff5405;
					border-bottom:rem(3px) solid #ff5405;
				}
			}
		}
	}
	/* 商品列表 */
	.goodsList-wrap{
		width:100%;
		height:rem(505px);
		background:#FFF;
		margin-bottom: rem(30px);
		.top-wrap{
			width:100%;
			height:rem(329px);
			border-bottom:rem(1px) solid #9a9a9a;
			.wrap{
				width:rem(1020px);
				height:100%;
				margin:0 auto;
				display:flex;
				align-items: center;
				.item{
					width:rem(220px);
					height:100%;
				}
				.item2{
					margin-right:rem(40px);
					.daifukuan{
						width:rem(190px);
						height:rem(50px);
						color:#ff5405;
						font-size:rem(35px);
						text-align: center;
						border-bottom:rem(3px) solid #ff5405;
					}
					.Img{
						width:rem(220px);
						height:rem(220px);
						margin-top:rem(20px);
						img{
							width:100%;
							height:100%;
						}
					}
				}
				.item-flex-grow{
					flex-grow:1;
					.title{
						margin-top:rem(75px);
						display:flex;
		        justify-content: space-between;
						p{
							width:rem(450px);
							height:rem(85px);
							display: -webkit-box; 
							-webkit-line-clamp: 2; 
							-webkit-box-orient: vertical; 
							overflow: hidden;
							color:#515151;
							font-size:rem(35px);
							line-height: rem(40px);
						}
						.price{
							.P-one{
								color:#ff5405;
								font-size:rem(35px);
							}
							.P-two{
								color:#9b9b9b;
								font-size:rem(35px);
								text-decoration:line-through;
								margin-top:rem(15px);
							}
						}
					}
					.choice{
						margin-top:rem(50px);
						display:flex;
		        justify-content: space-between;
		        color:#9b9b9b;
		        font-size:rem(35px);
					}
				}
			}
		}
		.bottom-wrap{
			width:100%;
			height:rem(175px);
			.wrap{
				width:rem(1020px);
				height:100%;
				margin:0 auto;
				display:flex;
		    justify-content: space-between;
				.wrap-right{
					width:rem(510px);
					height:100%;
					.total{
						display:flex;
		        justify-content: space-between;
		        p{
		        	margin:rem(20px) rem(0px) rem(25px) rem(0px);
		        	color:#505050;
		        	font-size:rem(35px);
		        }
					}
					.kefu{
						display:flex;
		        justify-content: space-between;
						p{
							width:rem(235px);
							height:rem(80px);
							border:rem(1px) solid #fd5700;
							border-radius:rem(10px);
							color:#fd5700;
							font-size:rem(40px);
							text-align: center;
							line-height: rem(80px);
						}
					}
				}
			}
		}
	}
}
